@import "../../../customGlobal.scss";
.switch-box {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    align-items: center;
    background: #f5f5f5;
    z-index: 1;
    position: sticky;
}
.home-switch-box-button-twoCss,
.home-switch-box-button-twoCss0,
.home-switch-box-button-twoCss1,
.home-switch-box-button-twoCss2,
.home-switch-box-button-twoCss3,
.home-switch-box-button-twoCss4,
.home-switch-box-button-twoCss5,
.home-switch-box-button-twoCss6,
.home-switch-box-button-twoCss7,
.home-switch-box-button-twoCss8,
.home-switch-box-button-twoCss9,
.home-switch-box-button-twoCss10,
.home-switch-box-button-twoCss11,
.home-switch-box-button-twoCss12 {
    border-radius: 0.31rem;
    margin-left: 0.63rem;
    margin-right: 0.63rem;
    width: max-content;
    background: #ffffff;
    border: 0.03rem solid #e3e5e8;
    @if $appType == "LJ" {
        border: unset;
    }
}
.home-switch-box-label-twoCss,
.home-switch-box-label-twoCss0,
.home-switch-box-label-twoCss1,
.home-switch-box-label-twoCss2,
.home-switch-box-label-twoCss3,
.home-switch-box-label-twoCss4,
.home-switch-box-label-twoCss5,
.home-switch-box-label-twoCss6,
.home-switch-box-label-twoCss7,
.home-switch-box-label-twoCss8,
.home-switch-box-label-twoCss9,
.home-switch-box-label-twoCss10,
.home-switch-box-label-twoCss11,
.home-switch-box-label-twoCss12 {
    font-size: 0.81rem;
    color: $LJLabelColor;
    line-height: 0.81rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
    width: inherit;
}
.home-switch-box-button-threeCss0,
.home-switch-box-button-threeCss1,
.home-switch-box-button-threeCss2,
.home-switch-box-button-threeCss3,
.home-switch-box-button-threeCss4,
.home-switch-box-button-threeCss5,
.home-switch-box-button-threeCss6,
.home-switch-box-button-threeCss7,
.home-switch-box-button-threeCss8,
.home-switch-box-button-threeCss9,
.home-switch-box-button-threeCss10,
.home-switch-box-button-threeCss11,
.home-switch-box-button-threeCss12 {
    margin-left: 0.63rem;
    margin-right: 0.63rem;
    width: max-content;
    background: #ffffff;
}
.home-switch-box-label-threeCss0,
.home-switch-box-label-threeCss1,
.home-switch-box-label-threeCss2,
.home-switch-box-label-threeCss3,
.home-switch-box-label-threeCss4,
.home-switch-box-label-threeCss5,
.home-switch-box-label-threeCss6,
.home-switch-box-label-threeCss7,
.home-switch-box-label-threeCss8,
.home-switch-box-label-threeCss9,
.home-switch-box-label-threeCss10,
.home-switch-box-label-threeCss11,
.home-switch-box-label-threeCss12 {
    font-size: 0.81rem;
    color: $LJLabelColor;
    line-height: 0.81rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
    width: inherit;
}
.home-switch-box-button-oneCss,
.home-switch-box-button-oneCss0,
.home-switch-box-button-oneCss1,
.home-switch-box-button-oneCss2,
.home-switch-box-button-oneCss3,
.home-switch-box-button-oneCss4,
.home-switch-box-button-oneCss5,
.home-switch-box-button-oneCss6,
.home-switch-box-button-oneCss7,
.home-switch-box-button-oneCss8,
.home-switch-box-button-oneCss9,
.home-switch-box-button-oneCss10,
.home-switch-box-button-oneCss11,
.home-switch-box-button-oneCss12 {
    border-radius: 0.13rem;
    margin-left: 0.63rem;
    margin-right: 0.63rem;
    width: max-content;
    background: #f5f5f7;
    color: $LJLabelColor;
}
.home-switch-box-label-oneCss,
.home-switch-box-label-oneCss0,
.home-switch-box-label-oneCss1,
.home-switch-box-label-oneCss2,
.home-switch-box-label-oneCss3,
.home-switch-box-label-oneCss4,
.home-switch-box-label-oneCss5,
.home-switch-box-label-oneCss6,
.home-switch-box-label-oneCss7,
.home-switch-box-label-oneCss8,
.home-switch-box-label-oneCss9,
.home-switch-box-label-oneCss10,
.home-switch-box-label-oneCss11,
.home-switch-box-label-oneCss12 {
    font-size: 0.81rem;
    line-height: 0.81rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
    width: inherit;
}
.home-switch-box-button-fourthCss0,
.home-switch-box-button-fourthCss1,
.home-switch-box-button-fourthCss2,
.home-switch-box-button-fourthCss3,
.home-switch-box-button-fourthCss4,
.home-switch-box-button-fourthCss5,
.home-switch-box-button-fourthCss6,
.home-switch-box-button-fourthCss7,
.home-switch-box-button-fourthCss8,
.home-switch-box-button-fourthCss9,
.home-switch-box-button-fourthCss10,
.home-switch-box-button-fourthCss11,
.home-switch-box-button-fourthCss12 {
    margin-left: 0.63rem;
    margin-right: 0.63rem;
    width: max-content;
    background: #ffffff;
}
.home-switch-box-label-fourthCss0,
.home-switch-box-label-fourthCss1,
.home-switch-box-label-fourthCss2,
.home-switch-box-label-fourthCss3,
.home-switch-box-label-fourthCss4,
.home-switch-box-label-fourthCss5,
.home-switch-box-label-fourthCss6,
.home-switch-box-label-fourthCss7,
.home-switch-box-label-fourthCss8,
.home-switch-box-label-fourthCss9,
.home-switch-box-label-fourthCss10,
.home-switch-box-label-fourthCss11,
.home-switch-box-label-fourthCss12 {
    font-size: 0.81rem;
    color: $LJLabelColor;
    line-height: 0.81rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
    width: inherit;
}
.home-switch-box-button-fifthCss0,
.home-switch-box-button-fifthCss1,
.home-switch-box-button-fifthCss2,
.home-switch-box-button-fifthCss3,
.home-switch-box-button-fifthCss4,
.home-switch-box-button-fifthCss5,
.home-switch-box-button-fifthCss6,
.home-switch-box-button-fifthCss7,
.home-switch-box-button-fifthCss8,
.home-switch-box-button-fifthCss9,
.home-switch-box-button-fifthCss10,
.home-switch-box-button-fifthCss11,
.home-switch-box-button-fifthCss12 {
    background: #f5f5f5;
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: max-content;
    @if $appType == "LJ" {
        border: unset;
    }
}
.home-switch-box-label-fifthCss,
.home-switch-box-label-fifthCss0,
.home-switch-box-label-fifthCss1,
.home-switch-box-label-fifthCss2,
.home-switch-box-label-fifthCss3,
.home-switch-box-label-fifthCss4,
.home-switch-box-label-fifthCss5,
.home-switch-box-label-fifthCss6,
.home-switch-box-label-fifthCss7,
.home-switch-box-label-fifthCss8,
.home-switch-box-label-fifthCss9,
.home-switch-box-label-fifthCss10,
.home-switch-box-label-fifthCss11,
.home-switch-box-label-fifthCss12 {
    font-size: 0.75rem;
    color: #808080;
    padding: 0.25rem 0.63rem;
    width: inherit;
}
.switch-block1 {
    width: 1rem;
    height: 3rem;
    background: #ffffff;
    z-index: 1;
    right: 0rem;
    position: absolute;
}

.switch-block2 {
    width: 1rem;
    height: 3rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
    z-index: 1;
    right: 1rem;
    position: absolute;
}

.switch-main-box {
    display: flex;
    width: 100vw;
}

.ffive {
    min-width: 7rem !important;
}

.ffour {
    min-width: 6rem !important;
}

.fthree {
    min-width: 4.94rem !important;
}

.switch-unchecked {
    background: #ffffff !important;
}
.switch-checked-twoCss {
    background: #ffca3a;
    border-radius: 0.31rem;
    font-weight: bold !important;
    color: $LJLabelColor !important;
    border: unset !important;
}

.switch-checked-oneCss {
    font-weight: normal !important;
    background: rgba(255, 202, 58, 0.2);
    border-radius: 0.13rem;
    color: #946c00 !important;
    border: unset !important;
}

.switch-checked-threeCss {
    font-weight: bold !important;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.13rem;
    color: $LJLabelColor !important;
}

.switch-checked-fourthCss {
    font-weight: bold !important;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.13rem;
    color: $LJLabelColor !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.switch-checked-fifthCss {
    font-weight: bold !important;
    background: #fff4d1;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.home-checked-font-oneCss {
    color: #946c00 !important;
}

.home-checked-font-fifthCss {
    color: #fe990d !important;
}

.sliderbox {
    width: 1.75rem;
    height: 0.25rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%) !important;
    border-radius: 0.13rem;
}

.sliderbox1 {
    width: 1.75rem;
    height: 0.25rem;
    background: transparent;
    border-radius: 0.13rem;
}

.home-checked-font-twoCss {
    color: $LJLabelColor !important;
}

// 用于移动端去除滚动条
::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

ion-segment-button {
    // min-width: 3.5rem; //Or whatever width you want tab to be - for four visible tabs: min-width: 25vw;
    background-color: rgba(255, 255, 255, 1);
    text-transform: none;
    color: #27282e;
    // color: rgba(133, 136, 148, 1);
    font-size: 1rem;
    @if $appType == "LJ" {
        color: $LJLabelColor;
        // background-color: #f0f1f2;
        border-radius: 0rem 0rem 0rem 0rem;
        font-size: 1.06rem;
        font-weight: bold;
    }
}

.ios ion-segment-button {
    border: 0;
}

ion-segment-button.segment-button-checked {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0.13rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);

    @if $appType == "LJ" {
        color: $LJLabelColor;
        font-size: 1.06rem;
        font-weight: bold;
    }
}
.bar {
    width: 1.63rem;
    height: 0.19rem;
    background: linear-gradient(90deg, rgba(255, 149, 0, 1) 0%, rgba(255, 99, 20, 1) 100%);
    border-radius: 0.09rem;
    position: absolute;
    bottom: 0;
}
ion-segment-button.segment-button-checked img {
    @if $appType == "LJ" {
        display: block !important;
        width: 1.75rem !important;
        height: 0.44rem !important;
    }
    @if $appType != "LJ" {
        display: block !important;
        width: 2.75rem !important;
        height: 1.31rem !important;
        position: absolute;
        z-index: -1;
        margin-top: 0.5rem;
    }
}

ion-segment-button.segment-button-checked div {
    @if $appType == "LJ" {
        background-color: #ffffff;
        border-radius: 0.5rem 0.5rem 0rem 0rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 2.75rem !important;
    }
}

ion-thumbnail {
    background-color: blanchedalmond;
}

ion-thumbnail {
    border-radius: 7px;
    padding: 2px;
}

ion-segment {
    background: #ffffff;
    margin-top: 1rem;
    flex: 8;
    justify-content: flex-start !important; // 兼容低版本安卓手机
    @if $appType == "LJ" {
        background: #ffffff;
    }
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    width: auto !important;
    margin-left: 1rem;
}

.topBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem 0rem 1rem;
}

.topRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}
.spLine {
    width: 0.03rem;
    height: 0.5rem;
    background: #d4d6d9;
    margin-left: 0.31rem;
    margin-right: 0.31rem;
}

.sortCheck {
    color: #252629;
}
.sortUnCheck {
    color: #959ba6;
}
.arrowIcon {
    height: 0.63rem;
    width: 0.38rem;
}

.dateFilter {
    background: url(https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670898722798d45f8daca79b932da3d9ab31235af610.png)
        no-repeat;
    background-color: white;
    background-position-y: top;
    background-size: contain;
    border: 0.06rem solid #ffffff;
    height: 5rem;
    border-radius: 0.75rem;
    margin: 0rem 0.75rem 0.75rem 0.75rem;
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    padding-top: 0rem;
    width: calc(100vw - 1.5rem);
}

.startDate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100vw - 3rem);
    background: transparent;
}

.endDate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100vw - 3rem);
    background: transparent;
}

.dateLabel {
    font-size: 0.88rem;
    font-weight: 400;
    color: #222222;
}

.dateValue {
    font-size: 0.88rem;
    font-weight: 600;
    color: #222222;
}
.startDateArrowIcon {
    width: 0.44rem;
    height: 0.75rem;
    margin-left: 0.5rem;
}

.am-list-item {
    padding-left: unset !important;
    padding-right: unset !important;
}

listItem {
    width: 100%;
    background: transparent;
    min-height: 2rem;
}

.am-list-item .am-list-line .am-list-content {
    font-weight: bold;
}

@media screen and (max-width: 375px) {
    .am-list-item .am-list-line .am-list-content {
        font-weight: bold;
    }
}

.startDateInnerBox {
    display: flex;
    align-items: center;
    position: absolute;
    width: calc(100vw - 3rem);
    justify-content: space-between;
    height: 1rem;
}

.normalSegmentBtn {
    font-size: 0.75rem;
 
    font-weight: 400;
    color: #252629;
    background: #f5f5f7;
    border-radius: 0.13rem;
    padding: 0.38rem 0.75rem;
    font-size: 0.75rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
    height: 2rem;
    display: flex;
}

.checkedSegmentBtn { 
    font-size: 0.75rem;
    font-weight: 400;
    color: #946C00;
    background: rgba(255,202,58,0.2);
    border-radius: 0.13rem;
    padding: 0.38rem 0.75rem;
    font-size: 0.75rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
    height: 2rem;
    display: flex;
}

.newStyleSegment{
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100vw;
}
